@charset "utf-8";
/* CSS Document */

* {
    margin: 0px;
    padding: 0px;
}

ul {
    list-style-type: none;
}

li {
    list-style: none;
}

img {
    border: 0px;
}

input {
    outline: none;
}

:hover {
    transition: 0.5s all
}

a {
    text-decoration: none;
    color: #333333;
}

a:hover {
    color: #f00;
}

.cmain {
    color: #441b01;
}

.text-center{
    text-align: center;
}

.bgmain {
    background: #441b01;
}

.left {
    float: left;
}

.right {
    float: right;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    *+height: 1%;
}


.mid {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 99
}

body {
    font-family: "微软雅黑";
    font-size: 15px;
    color: #333333;
    line-height: 30px;
    background: #fff;
}

.truncate {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* CSS Header */
.header {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}
.header .topbar{width: 100%;height: 40px;line-height:40px;color:rgba(255,255,255,0.7);background: #00479d;font-size: 14px}
.header .topbar a{color:rgba(255,255,255,0.7)}
.header .topbar a:hover{color: #ff0}
.header .topbar b{font-family: Arial;font-size: 16px}
.header .topbox {
    width: 1200px;
    height:108px;
    position: relative;
    margin: 0 auto;z-index: 99
}
.header .topbox .toplogo{padding-top:20px;float: left}
.header .banner {
    width: 1920px;
    height:350px;
    background: url(../images/banner.jpg) no-repeat;
    left: 50%;
    margin-left: -960px;
    position: relative;z-index: 9
}

/*menu*/
#menu {
    width: 616px;
    height: 108px;
    float: right;
    position: relative;
}

#menu ul {
    width: 100%;
}

#menu ul li {
    height: 108px;
    line-height: 108px;
    padding: 0 20px;
    position: relative;
    float: left;
}

#menu ul li:hover a {
    color: #ff0000
}

#menu ul li a {
    color: #555555;
    font-size: 17px;
    display: block;
}
#menu ul li.selected a{color: #ff0000}

/* CSS Footer */
.footer {
    width: 100%;
    height: auto;
    line-height: 35px;font-size: 14px;color: #fff;
    background: #00479d;
}

.footer span{font-size: 20px;padding-bottom: 20px; display: block; font-weight: 500;}
.footer a {
    color: #fff
}

.footer a:hover {
    color: #ff0
}
.footer .ftmenu{width: 856px;float: left}
.footer .ftmenu li{width: 25%;float: left; text-align: center;}
.footer .ftmenu li a{display: block;}
.footer .ftlx{width: 325px;float: right;}
.footer .fticp{width: 100%;padding:10px 0;color: #333; background: #dcdddd; height: auto;overflow: hidden;}
.footer .fticp .right{text-align: right;}
.footer .fticp a{color: #333}
.footer .fticp a:hover{color: #00479d}
/* CSS index */
#wrap {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

#main {
    width: 1200px;
    height: auto;
    position: relative;
    padding-bottom: 10px;
    overflow: hidden;
    margin: 0 auto;
}
.index01{background: #f1f1f1;padding:58px 0;height: auto;overflow: hidden;}
.index01 .aboutimg{width: 360px;height: 243px;float: left;}
.index01 .aboutimg img{width: 360px;height: 243px;border-radius: 20px;}
.index01 .intro{width:795px;height: 243px;float: right;}
.index01 .intro .p01{font-size:30px;color:#221814;line-height: 54px; font-weight: bold;}
.index01 .intro .p02{font-size:17px;color:#424242;line-height:30px;padding-top:7px;height: 120px;overflow: hidden;}
.index01 .intro .p03{width: 125px;height: 40px;line-height: 40px;color: #999999;font-size: 14px; text-align: center;border: 1px #999999 solid;border-radius:8px;margin-top: 20px;transition:0.5s all}
.index01 .intro .p03:hover{color: #fff;background: #00479d;border: 1px #00479d solid;}
.index02{padding:46px 0;height: auto;overflow: hidden;}
.index02 .intitle{line-height: 50px; text-align: center;}
.index02 .intitle big{font-size: 36px;color: #221814;font-weight: bold;}
.index02 .intype{width: 100%;height: 168px;padding-top: 8px}
.index02 .intype li{width: 20%;height: 166px;border-bottom: 2px #fff solid; text-align: center; float: left;}
.index02 .intype li span{width: 100%;height: 75px;margin-top: 25px;background-image: url(../images/type05.png);background-repeat: no-repeat;background-position: center;display: block;}
.index02 .intype li b{font-size: 16px;line-height: 42px;display: block;}
.index02 .intype li:hover{background: #f2f2f2;border-bottom: 2px #00479d solid;}
.index02 .intype li:hover b{columns: #00479d}
.index03{padding:15px 0 68px;height: auto;overflow: hidden;}
.index03 .videobox{width: 569px;height: 385px;border-radius:16px; float: left;}
.index03 .video_dft{width: 569px;height: 385px;border-radius:16px;}
.index03 .newsbox{width: 570px;float: right;}
.index03 .intitle{line-height: 50px;}
.index03 .intitle big{font-size: 36px;color: #221814;font-weight: bold;}
.index03 .news01{padding-top:20px}
.index03 .news01 li{line-height: 27px;font-size: 16px;color: #424242;}
.index03 .news01 li b{font-size: 18px;color: #221814;padding-bottom: 8px; display: block;}
.index03 .news02{padding-top:26px}
.index03 .news02 li{width: 100%;line-height: 36px;font-size: 16px;height: 36px;overflow: hidden;}
.index03 .news02 li p{width:440px;float: left;}
.index03 .news02 li span{width: 100px;color: #999; float: right;}
.index03 .more{width: 125px;height: 40px;line-height: 40px;color: #999999;font-size: 14px; text-align: center;border: 1px #999999 solid;border-radius:8px;margin-top: 40px;transition:0.5s all}
.index03 .more:hover{color: #fff;background: #00479d;border: 1px #00479d solid;}


/*info*/
.curpage{width: 100%;height: auto;line-height:40px; padding:36px 0;overflow: hidden;}
.curpage .left_title{width: 385px;color: #666666;font-size: 14px; float: left;}
.curpage .left_title big{font-size: 28px;font-weight: bold;color: #333333; float: left;margin-top: -8px; padding-right: 24px;}
.curpage .right_title{width:800px;text-align: right;margin-top: -6px; float: right;}
.curpage .right_title a{width: 156px;height: 36px;line-height: 36px;color: #212121;font-size: 16px; text-align: center; background: #f4f3f3;display: inline-block;position: relative;}
.curpage .right_title a:hover{background: #00479d;color: #fff}
.curpage .right_title .selected{background: #00479d;color: #fff}
.curpage .right_title a:after{content: "";width: 10px;height: 10px;opacity: 0; transform: rotate(45deg);position: absolute;left:75px;bottom:-5px;background: #00479d;display: none;transition: 1s all}
.curpage .right_title .selected:after{display: block;opacity: 1;}
.curpage .right_title a:hover:after{display: block;opacity: 1;}
#newsContent{line-height: 36px;font-size: 16px; padding: 0 0 40px;}
#allmap {width: 500px;height: 500px;overflow: hidden;border:none;position: relative;z-index: 2 !important}
.contact01{width: 100%;height: auto;overflow: hidden;padding-bottom: 50px;}
.contact01 .left{width: 600px;}
.contact01 .left .p01{font-size: 40px;font-weight: bold;font-family: Arial}
.contact01 .left .p02{font-size: 14px;line-height: 50px;padding-bottom: 20px;}
.contact01 .msgbox{width: 500px;font-size: 15px; position: relative;}
.contact01 .msgbox .msg01{width: 100%;height: 50px;padding-left: 20px; line-height: 50px;color: #999;border-radius: 3px;margin-bottom: 15px; border: 1px #ddd solid;display: block;}
.contact01 .msgbox .msg02{width: 100%;height: 150px;padding-left: 20px;line-height: 50px;color: #999;border-radius: 3px;margin-bottom: 15px; border: 1px #ddd solid;display: block;}
.contact01 .msgbox .msg03{width:522px;height: 50px;font-family: "Microsoft YaHei";font-size:16px; line-height: 50px;text-align: center; border-radius: 3px;margin-bottom: 15px;background: #00479d;color: #fff; border: 1px #00479d solid;display: block;}
.contact01 .right{width: 500px;height: 500px;overflow: hidden;padding: 20px; position: relative;}
.contact01 .right .bgbox{width: 165px;height: 335px;background:#00479d;right: 0;top: 0;position: absolute; z-index:1}
.contact02{height: auto;overflow: hidden;padding:100px 0 100px;border-top: 1px #ddd dotted}
.contact02 li{width: 25%;font-size: 14px; float: left}
.contact02 li img{width: 60px;padding-right: 15px; float: left;}
.contact02 li span{display: block;font-size: 18px; font-weight: bold;}
.newslist{height: auto;overflow: hidden;}
.newslist li{height: auto;overflow: hidden;padding: 20px 0;border-bottom: 1px #ddd solid}
.newslist li .imgbox{width: 280px;height: 210px;float: left}
.newslist li .imgbox img{width: 280px;height: 210px;}
.newslist li .text{width: 850px;height: 180px;color: #666;float: right}
.newslist li .text .p01{font-size: 20px;color: #000}
.newslist li .text .p02{font-size: 15px;padding: 15px 0;}
.newslist li .text .p03{font-size:14px;}
.newslist li .text .p04 span{width: 160px;height: 40px;line-height: 40px;text-align: center; font-size: 14px;background: #f5f5f5; display: block;position: relative;}
.newslist li .text .p04 span:before{content: "查看详情";width: 0px;height: 2.5rem;background: #f5f5f5;position: absolute;left: 0;top: 0;transition: 0.4s all;z-index:1;overflow: hidden;}
.newslist li:hover .text .p04 span:before{width: 100%; background: #135ed4;color: #fff}
.newslist li .text .p04 .i02{width: 2.5rem;
    height: 40px;
    background: #135ed4;
    line-height:40px;
    text-align: center;
    color: #fff;
    line-height:40px;
    display: inline-block;
    float: right;}

/*.newslist li:nth-child(even) .imgbox {float: right;}
.newslist li:nth-child(even) .text {float: left;}*/
#newTitle{}
#newsInfo{font-size: 14px;line-height: 60px; border-bottom: 1px #ddd dotted}
#newsInfo span{padding-right: 20px}
#newsContent{padding: 25px 0}
#newsContent img{max-width: 100%;display: block;margin: 20px auto}
.inpiclist{width: 1220px;height: auto;overflow: hidden;}
.inpiclist li{width: 284px;height: 290px;margin-right:20px;margin-bottom: 20px; float: left}
.inpiclist li .imgbox{width: 284px;height: 215px;background: #f5f5f5;overflow: hidden;position: relative;}
.inpiclist li .imgbox img{width: 284px;height: 215px;transition: 0.4s all;}
.inpiclist li:hover .imgbox img {transform: scale(1.05)}
.inpiclist li span{line-height: 68px;text-align: center;font-size: 16px; display: block;border: 2px #f2f2f2 solid;transition: 0.4s all;}
.inpiclist li:hover span{background: #f2f2f2;}
.inpiclist2{width: 100%;height: auto;overflow: hidden;}
.inpiclist2 li{width: 100%;height: 225px;overflow: hidden; padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px #ddd dashed}
.inpiclist2 li .pimg{width: 300px;height: 225px;border: 1px #ddd solid; float: left;}
.inpiclist2 li .pimg img{width: 300px;height: 225px;}
.inpiclist2 li .ptxt{width: 530px;height: 225px;font-size:15px;line-height:28px; float: right;position: relative;}
.inpiclist2 li .ptxt big{font-weight: bold;color: #333;display: block;line-height: 36px;}
.inpiclist2 li .ptxt p{padding-top: 5px; color: #333;}
.inpiclist2 li .ptxt .btn{width: 150px;height: 40px;line-height: 40px;text-align: center;color: #fff;background:#00479d;display: block;position:absolute;left: 0;bottom:0px;}
.inpiclist2 li .ptxt big:hover{color: #f00}
.inpiclist2 li .ptxt .btn:hover{background: #f00}
#page{width:100%;height:26px; line-height:26px;text-align:center;margin:30px auto;clear:both;}
#page a{min-width: 26px;height: 26px;background: #bababa; color:#fff;font-size:15px;display: inline-block;}
#page a:hover{background:#00479d;color: #fff}
#page .current {min-width: 26px;height: 26px;color:#fff; background: #00479d;display: inline-block;}
#page_num{ height: 26px; font-size: 14px; background: #eeeeee;display:inline;}
/*sidebar*/
.subNavBox{width:276px;min-height: 800px; background: #f4f3f3;float: left}
.subNavBox .lftitle{width:226px;height:82px;line-height: 82px;margin-bottom: 28px; background: #00479d;color: #fff;font-size: 28px; font-weight: bold;padding-left: 50px;}
.subNavBox .lftitle span{padding-left: 47px;}
.subNav{width: 240px;height: 45px;margin-bottom: 8px; margin-left: 18px; font-size: 18px; cursor:pointer;font-weight:bold;color:#333;line-height:45px;background:#fff}
.subNav:hover{color:#277fc2;}
.subNav span{margin-left:15px; padding-left: 35px;background: url(../images/jiantou.png) left center no-repeat;display: inline-block;float: left}
.currentDd{color:#333}
.currentDt{background:#fff;}
.navContent{display: none; padding-left: 50px;}
.navContent li a{display:block;width:200px;height:32px;font-size:14px;line-height:32px;color:#666666}
.navContent li a:hover{color:#00479d;}
.navContent li:first-child{padding-top: 12px;}
.navContent li:last-child{padding-bottom: 20px;}
.navContent li.on a{color:#00479d;}
.slss.ons .navContent{ display: block; }

/*productinfo*/
.proinfo01{width: 100%;height: auto;overflow:hidden;}
.proinfo01_lf{width: 510px;height: 385px;border: 1px #ddd solid; overflow: hidden;float: left}
.proinfo01_lf img{width: 510px;height: 385px;}
.proinfo01_rt{width: 644px;height: 385px;overflow: hidden;float: right}
.proinfo01_rt .p01{font-size: 26px;font-weight: bold; line-height: 45px;padding-bottom: 10px; color: #333333}
.proinfo01_rt .p02{font-size: 14px;height: 165px; line-height: 30px;padding:15px 0; border-bottom: 1px #dcdcdc dashed;border-top: 1px #dcdcdc dashed}
.proinfo01_rt .p03{font-size: 14px;height: 62px; line-height: 35px;padding: 15px 0; position: relative;}
.proinfo01_rt .p03 .pweixin{width: 100px;height: 100px;padding: 3px;border:1px #d2d2d2 solid;display: block;right:120px;top: 20px;position: absolute;}
.proinfo01_rt .p04{width: 160px;height: 42px;line-height: 42px;background: #ff000e;color: #fff;border-radius: 21px;text-align: center;}
.proinfo02{width: 890px;height: auto;overflow:hidden;float:right;}
.proinfo02 .ptitle{width: 100%;height: 38px;padding-bottom: 15px;}
.proinfo02 .ptitle li{width: 180px;height: 38px;background: #f4f3f3;line-height: 38px;font-size: 16px;text-align: center; float: left}
.proinfo02 .ptitle li.on{background: #00479d;color: #fff}
.proinfo02 .pinfotxt{width: 100%;height: auto;overflow:hidden;line-height: 34px;font-size: 15px;padding: 20px 0; display: none;}
table{font-family: Microsoft YaHei !important}
/*订单*/
.formys{ width:860px; height:auto;color: #555555;margin: 0 auto}
.formmcys{width:90px; float: left; }
.cpmcys{ width:400px; height:34px;border:1px solid #d2d4d6; font-family: "微软雅黑"; color: #555555; background: #f9f9f9; font-size: 14px;}
.formbz{ float:left;}
.G_InputText{width:400px;height:30px;border:1px solid #d2d4d6; background: #f9f9f9;}
.G_textarea{width:400px;height:100px;border:1px solid #dedede;background: #f9f9f9;}
.G_ul{width:100%;}
.borderLi{ width:100%; height:auto; padding-top:10px;}
.G_tips{
    width:486px;
    margin:10px auto 0 auto;
    border:1px solid #dedede;
    padding:7px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    box-shadow: 0px 0px 3px rgba(0,0,0,.1);
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.1);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.1);
}
.sub{background:#00479d; width:105px; height:32px;line-height: 32px; font-size: 16px; border: none;color: #fff;font-family:"微软雅黑";transition: 0.4s all; display: block;}
.sub:hover{background:#ed212c;}